<template>
	<view class="">
		<u-navbar :isBack="false" :background="{ background: '#2f9e25'}">
			<view solt="left" class="left-view flex-row items-center">
				<image :src="ImageUrl + '/1/logo.png'" mode="" class="left-icon"></image>
				<view class="left-text">xxx</view>
			</view>
		</u-navbar>
		<view class="">
			<view class="top-bg"></view>
			<view class="image-con" :style="{top:top+'px'}"><image :src="pic" mode="" class="image_12"></image></view>
		</view>
		<u-tabbar :mid-button="true"></u-tabbar>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				top:uni.getSystemInfoSync().statusBarHeight + 69,
				pic:''
			}
		},
		onLoad() {
			this.getSysPic();
		},
		methods:{
			async getSysPic() {
				const res = await this.$request('content/pic', {type:1});
				if (res.result == 0) {
					this.pic = res.data.pic;
				} else {
					this.$util.msg(res.resultNote);
				}
			}
		}
	}
</script>

<style scoped lang="scss">
.left-icon {
	width: 44rpx;
	height: 44rpx;
	margin: 0 22rpx;
}
.left-text {
	font-size: 32rpx;
	font-weight: bold;
	color: #000000;
}
.image-con {
	position: absolute;
	left: 20rpx;
}
.image_12 {
	width: 706rpx;
	height: 225rpx;
	border-radius: 20rpx;
}
.top-bg {
	width: 750rpx;
	height: 160rpx;
	background: $uni-color-bg;
	position: relative;
	margin-bottom: 100rpx;
}
</style>
